<!-- 头部 -->
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>固管家服务平台</title>

    <meta name="description" content="index"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="../../../static/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../../static/css/font-awesome.min.css"/>

    <link rel="stylesheet" href="../../../static/chosen/chosen.min.css"/>

    <!-- ace styles -->
    <link rel="stylesheet" href="../../../static/ace/css/ace.min.css" id="main-ace-style"/>

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="../../../static/ace/css/ace-part2.min.css"/>
    <![endif]-->
    <link rel="stylesheet" href="../../../static/ace/css/ace-skins.min.css"/>
    <link rel="stylesheet" href="../../../static/ace/css/ace-rtl.min.css"/>

    <!--[if lte IE 9]>
    <link rel="stylesheet" href="../../../static/ace/css/ace-ie.min.css"/>
    <![endif]-->

    <link rel="stylesheet" href="../../../static/ztree/metro.css"/>
    <link rel="stylesheet" href="../../../static/validate/css/validform.css"/>
    <link rel="stylesheet" href="../../../static/css/custom.css"/>


    <!-- basic scripts -->

    <!--[if !IE]> -->
    <script src="../../../static/jquery/jquery-2.1.1.min.js"></script>
    <!-- <![endif]-->

    <!--[if IE]>
    <script src="../../../static/jquery/jquery-1.11.1.min.js"></script>
    <![endif]-->


    <!-- ace settings handler -->
    <script src="../../../static/ace/js/ace-extra.min.js"></script>

    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

    <!--[if lte IE 8]>
    <script src="../../../static/bootstrap/html5shiv.min.js"></script>
    <script src="../../../static/bootstrap/respond.min.js"></script>
    <script>var ie8 = "ie8";</script>
    <![endif]-->
</head>

<body class="no-skin" id="body-content">
<!-- 顶部条 -->
<div id="navbar" class="navbar navbar-default">
    <script type="text/javascript">
        try {
            ace.settings.check('navbar', 'fixed')
        } catch (e) {
        }
    </script>

    <div class="navbar-container clearfix" id="navbar-container">
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler">
            <span class="sr-only">Toggle sidebar</span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>

            <span class="icon-bar"></span>
        </button>

        <div class="navbar-header pull-left" style="min-width:190px;">
            <a class="navbar-brand">
                <small>
                    固管家服务平台
                </small>
            </a>
        </div>
        <!-- <div class="navbar-header">
            <ul class="nav navbar-nav">
                <li class="">
                    <a  data-trigger="ajax" data-target="#fill-main-content" class="bigger-120">
                    <i class="menu-icon fa "></i>&nbsp;
                    </a>
                </li>
            </ul>
        </div> -->

        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">

                <li class="green">
                    <a class="dropdown-toggle" href="javascript:void(0);" id="fullscreen" title="全屏"
                       onclick="launchFullscreen(document.documentElement);">
                        <i class="ace-icon fa fa-arrows-alt "></i>
                    </a>
                </li>

                <li class="purple" style="display:none;">
                    <a data-toggle="dropdown" class="dropdown-toggle">
                        <i class="ace-icon fa fa-bell icon-animated-bell"></i>
                        <span class="badge badge-important">8</span>
                    </a>

                    <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="ace-icon fa fa-exclamation-triangle"></i>
                            8 Notifications
                        </li>

                        <li>
                            <a>
                                <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
												New Comments
											</span>
                                    <span class="pull-right badge badge-info">+12</span>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a>
                                <i class="btn btn-xs btn-primary fa fa-user"></i>
                                Bob just signed up as an editor ...
                            </a>
                        </li>

                        <li>
                            <a>
                                <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
												New Orders
											</span>
                                    <span class="pull-right badge badge-success">+8</span>
                                </div>
                            </a>
                        </li>

                        <li>
                            <a>
                                <div class="clearfix">
											<span class="pull-left">
												<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
												Followers
											</span>
                                    <span class="pull-right badge badge-info">+11</span>
                                </div>
                            </a>
                        </li>

                        <li class="dropdown-footer">
                            <a>
                                See all notifications
                                <i class="ace-icon fa fa-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="light-blue">
                    <a data-toggle="dropdown" class="dropdown-toggle">
                        <img class="nav-user-photo" src="../../../static/img/small-male-pic.png"/>
                        <span class="user-info">
									<small>你好,</small>
									超级管理员
								</span>

                        <i class="ace-icon fa fa-caret-down"></i>
                    </a>

                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="../userCenter/userCenter.html">
                                <i class="ace-icon fa fa-user"></i>
                                我的资料
                            </a>
                        </li>

                        <li class="divider"></li>

                        <li>
                            <a href="../login.html">
                                <i class="ace-icon fa fa-power-off"></i>
                                退出
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div><!-- /.navbar-container -->
</div>
<!-- 主体 -->
<div class="main-container" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.check('main-container', 'fixed')
        } catch (e) {
        }
    </script>


    <div id="sidebar" class="sidebar responsive">
        <script type="text/javascript">
            try {
                ace.settings.check('sidebar', 'fixed')
            } catch (e) {
            }
        </script>

        <div class="sidebar-shortcuts" id="sidebar-shortcuts">
            <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
                <button class="btn btn-success">
                    <i class="ace-icon fa fa-signal"></i>
                </button>

                <button class="btn btn-info">
                    <i class="ace-icon fa fa-pencil"></i>
                </button>

                <button class="btn btn-warning">
                    <i class="ace-icon fa fa-users"></i>
                </button>

                <button class="btn btn-danger">
                    <i class="ace-icon fa fa-cogs"></i>
                </button>
            </div>

            <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
                <span class="btn btn-success"></span>

                <span class="btn btn-info"></span>

                <span class="btn btn-warning"></span>

                <span class="btn btn-danger"></span>
            </div>
        </div><!-- /.sidebar-shortcuts -->

        <ul class="nav nav-list" id="sidebar-menu">
        <li data-level="1">

            <a
                    href="javascript:void(0);" class="dropdown-toggle"
                    haschild="true"
            >
                <i class="menu-icon fa fa-user"></i>
                <span class="menu-text"
                      style="vertical-align: middle;"
                > 个人中心 </span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>

            <ul class="submenu nav-hide" style="display:none;">
                <li data-level="2">

                    <a
                            href="../userCenter/userCenter.html"
                            id="menu_manageruserCenter"
                            haschild="false"
                    >
                        <i class="menu-icon fa fa-file-o"></i>
                        <span class="menu-text"
                        > 我的资料 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
            </ul>
        </li>
        <li data-level="1">

            <a
                    href="javascript:void(0);" class="dropdown-toggle"
                    haschild="true"
            >
                <i class="menu-icon fa fa-lastfm"></i>
                <span class="menu-text"
                      style="vertical-align: middle;"
                > 单位管理 </span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>

            <ul class="submenu nav-hide" style="display:none;">
                <li data-level="2">

                    <a
                            href="../office/office-detail.html"
                            id="menu_managercompanydetail"
                            haschild="false"
                    >
                        <i class="menu-icon "></i>
                        <span class="menu-text"
                        > 单位信息 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../user/user.html"
                            id="menu_managercompanyaccounts"
                            haschild="false"
                    >
                        <i class="menu-icon "></i>
                        <span class="menu-text"
                        > 单位账号 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../work/company/work.html"
                            id="menu_managercompanywork"
                            haschild="false"
                    >
                        <i class="menu-icon "></i>
                        <span class="menu-text"
                        > 电子台账 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
            </ul>
        </li>
        <li data-level="1">

            <a
                    href="javascript:void(0);" class="dropdown-toggle"
                    haschild="true"
            >
                <i class="menu-icon fa fa-puzzle-piece"></i>
                <span class="menu-text"
                      style="vertical-align: middle;"
                > 业务管理 </span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>

            <ul class="submenu nav-hide" style="display:none;">
                <li data-level="2">

                    <a
                            href="../work/admin/work.html"
                            id="menu_manageradminwork"
                            haschild="false"
                    >
                        <i class="menu-icon "></i>
                        <span class="menu-text"
                        > 电子台账 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../qualification/index.html"
                            id="menu_managerqualificationindex"
                            haschild="false"
                    >
                        <i class="menu-icon "></i>
                        <span class="menu-text"
                        > 资质审核 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../demand/index.html"
                            id="menu_managerdemandindex"
                            haschild="false"
                    >
                        <i class="menu-icon "></i>
                        <span class="menu-text"
                        > 服务需求 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../examine/index.html"
                            id="menu_managerexamineindex"
                            haschild="false"
                    >
                        <i class="menu-icon "></i>
                        <span class="menu-text"
                        > 考核管理 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../app/index.html"
                            id="menu_managerappindex"
                            haschild="false"
                    >
                        <i class="menu-icon "></i>
                        <span class="menu-text"
                        > APP管理 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../statute/index.html"
                            id="menu_managerstatuteindex"
                            haschild="false"
                    >
                        <i class="menu-icon fa fa-bolt"></i>
                        <span class="menu-text"
                        > 法律法规 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
            </ul>
        </li>
        <li data-level="1">

            <a
                    href="javascript:void(0);" class="dropdown-toggle"
                    haschild="true"
            >
                <i class="menu-icon fa fa-group"></i>
                <span class="menu-text"
                      style="vertical-align: middle;"
                > 机构用户 </span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>

            <ul class="submenu nav-hide" style="display:none;">
                <li data-level="2">

                    <a
                            href="../area/area.html"
                            id="menu_managerarea"
                            haschild="false"
                    >
                        <i class="menu-icon fa fa-globe"></i>
                        <span class="menu-text"
                        > 区域管理 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../office/office.html"
                            id="menu_manageroffice"
                            haschild="false"
                    >
                        <i class="menu-icon fa fa-sitemap"></i>
                        <span class="menu-text"
                        > 机构管理 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../user/user-list.html"
                            id="menu_managersysuser"
                            haschild="false"
                    >
                        <i class="menu-icon fa fa-user"></i>
                        <span class="menu-text"
                        > 用户管理 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../role/role.html"
                            id="menu_managerrole"
                            haschild="false"
                    >
                        <i class="menu-icon fa fa-graduation-cap"></i>
                        <span class="menu-text"
                        > 角色管理 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
            </ul>
        </li>
        <li data-level="1">

            <a
                    href="javascript:void(0);" class="dropdown-toggle"
                    haschild="true"
            >
                <i class="menu-icon fa fa-cogs"></i>
                <span class="menu-text"
                      style="vertical-align: middle;"
                > 系统管理 </span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>

            <ul class="submenu nav-hide" style="display:none;">
                <li data-level="2">

                    <a
                            href="../menu/menu.html"
                            id="menu_managermenu"
                            haschild="false"
                    >
                        <i class="menu-icon fa fa-list"></i>
                        <span class="menu-text"
                        > 菜单配置 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../dict/dict.html"
                            id="menu_managerdict"
                            haschild="false"
                    >
                        <i class="menu-icon fa fa-calculator"></i>
                        <span class="menu-text"
                        > 字典管理 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../log/log.html"
                            id="menu_managersyslog"
                            haschild="false"
                    >
                        <i class="menu-icon fa fa-copy"></i>
                        <span class="menu-text"
                        > 日志查询 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
            </ul>
        </li>
        <li data-level="1">

            <a
                    href="javascript:void(0);" class="dropdown-toggle"
                    haschild="true"
            >
                <i class="menu-icon fa fa-binoculars"></i>
                <span class="menu-text"
                      style="vertical-align: middle;"
                > 系统监控 </span>
                <b class="arrow fa fa-angle-down"></b>
            </a>
            <b class="arrow"></b>

            <ul class="submenu nav-hide" style="display:none;">
                <li data-level="2">

                    <a
                            href="../ehcache/ehcache.html"
                            id="menu_managermonitorehcache"
                            haschild="false"
                    >
                        <i class="menu-icon fa fa-crosshairs"></i>
                        <span class="menu-text"
                        > Ehcache监控 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
                <li data-level="2">

                    <a
                            href="../jvm/jvm.html"
                            id="menu_managermonitorjvm"
                            haschild="false"
                    >
                        <i class="menu-icon fa fa-flash"></i>
                        <span class="menu-text"
                        > jvm监控 </span>
                    </a>
                    <b class="arrow"></b>

                </li>
            </ul>
        </li>
    </ul><!-- /.nav-list -->
        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left"
               data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>

        <script type="text/javascript">
            try {
                ace.settings.check('sidebar', 'collapsed')
            } catch (e) {
            }
        </script>
    </div>


    <div class="main-content">
        <div class="breadcrumbs" id="breadcrumbs">
            <script type="text/javascript">
                try {
                    ace.settings.check('breadcrumbs', 'fixed')
                } catch (e) {
                }
            </script>

            <ul class="tab" id="breadcrumb">
                <!-- <li class="active" >
               菜单配置<i class="fa fa-times close"></i>
               </li>  -->
            </ul><!-- /.breadcrumb -->
            <div id="tab-menu">
                <ul class="dropdown-menu dropdown-caret" style="min-width: 0px;">
                    <li><a href="javascript:void(0);" data-right-menu="all_close">全部关闭</a></li>
                    <li><a href="javascript:void(0);" data-right-menu="other_close">关闭其他</a></li>
                </ul>
            </div>
        </div>

        <div class="page-content">
            <div class="ace-settings-container" id="ace-settings-container">
                <div class="btn btn-app btn-xs btn-warning ace-settings-btn"
                     id="ace-settings-btn">
                    <i class="ace-icon fa fa-cog bigger-150"></i>
                </div>

                <div class="ace-settings-box clearfix" id="ace-settings-box">
                    <div class="pull-left width-50">
                        <div class="ace-settings-item">
                            <div class="pull-left">
                                <select id="skin-colorpicker" class="hide">
                                    <option data-skin="no-skin" value="#438EB9">#438EB9</option>
                                    <option data-skin="skin-1" value="#222A2D">#222A2D</option>
                                    <option data-skin="skin-2" value="#C6487E">#C6487E</option>
                                    <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
                                </select>
                            </div>
                            <span>&nbsp; 皮肤</span>
                        </div>

                        <div class="ace-settings-item">
                            <input type="checkbox" class="ace ace-checkbox-2"
                                   id="ace-settings-navbar"/> <label class="lbl"
                                                                     for="ace-settings-navbar"> 固定页头</label>
                        </div>

                        <div class="ace-settings-item">
                            <input type="checkbox" class="ace ace-checkbox-2"
                                   id="ace-settings-sidebar"/> <label class="lbl"
                                                                      for="ace-settings-sidebar"> 固定导航菜单</label>
                        </div>

                        <div class="ace-settings-item">
                            <input type="checkbox" class="ace ace-checkbox-2"
                                   id="ace-settings-breadcrumbs"/> <label class="lbl"
                                                                          for="ace-settings-breadcrumbs"> 固定导航条</label>
                        </div>

                        <!-- <div class="ace-settings-item">
                            <input type="checkbox" class="ace ace-checkbox-2"
                                id="ace-settings-rtl" /> <label class="lbl" for="ace-settings-rtl">
                                Right To Left (rtl)</label>
                        </div> -->

                        <div class="ace-settings-item">
                            <input type="checkbox" class="ace ace-checkbox-2"
                                   id="ace-settings-add-container"/> <label class="lbl"
                                                                            for="ace-settings-add-container"> 固定宽度
                        </label>
                        </div>
                    </div>
                    <!-- /.pull-left -->

                    <div class="pull-left width-50">
                        <div class="ace-settings-item">
                            <input type="checkbox" class="ace ace-checkbox-2"
                                   id="ace-settings-hover"/> <label class="lbl"
                                                                    for="ace-settings-hover"> 滑动式菜单</label>
                        </div>

                        <div class="ace-settings-item">
                            <input type="checkbox" class="ace ace-checkbox-2"
                                   id="ace-settings-compact"/> <label class="lbl"
                                                                      for="ace-settings-compact"> 紧凑式菜单</label>
                        </div>

                        <div class="ace-settings-item">
                            <input type="checkbox" class="ace ace-checkbox-2"
                                   id="ace-settings-highlight"/> <label class="lbl"
                                                                        for="ace-settings-highlight"> 高亮选中</label>
                        </div>
                    </div>
                    <!-- /.pull-left -->
                </div>
                <!-- /.ace-settings-box -->
            </div>
            <!-- /.ace-settings-container -->
            <div class="page-header">
                <h1> 我的资料 </h1>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div id="fill-main-content" style="height:100%">
                        <style>
                            #edit-info .center > label {
                                width: 100px;
                                text-align: right;
                            }
                        </style>
                        <div id="user-profile-2" class="user-profile">
                            <div class="tabbable">
                                <ul class="nav nav-tabs padding-18">
                                    <li class="active"><a data-toggle="tab" href="#home"> <i
                                            class="green ace-icon fa fa-file-o bigger-120"></i> 我的资料
                                    </a>
                                    </li>
                                    <li class=""><a data-toggle="tab" href="#edit-info"> <i
                                            class="green ace-icon fa fa-pencil bigger-120"></i> 修改资料
                                    </a>
                                    </li>
                                </ul>

                                <div class="tab-content no-border padding-24">
                                    <div id="home" class="tab-pane active">
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-3 center">
						<span class="profile-picture"> <img
                                class="editable img-responsive" alt="Alex's Avatar" id="avatar2"
                                src="/guguanjia/static/img/big-male-pic.jpg">
						</span>

                                                <div class="space space-4"></div>

                                                <!--<a  class="btn btn-sm btn-block btn-success"> <i
                                                    class="ace-icon fa fa-plus-circle bigger-120"></i> <span
                                                    class="bigger-110">添加好友</span>
                                                </a>
                                                <a href="javascript:;" class="btn btn-sm btn-block btn-primary"
                                                    data-title="聊天" data-mode="detail"
                                                    data-url="userCenter/conversation"
                                                    data-width="100%" data-height="100%"
                                                >
                                                <i class="ace-icon fa fa-envelope-o bigger-110"></i>
                                                    <span class="bigger-110">发送消息</span>
                                                </a>-->
                                            </div>
                                            <!-- /.col -->

                                            <div class="col-xs-12 col-sm-9">
                                                <h4 class="blue">
                                                    <span class="middle">超级管理员</span>
                                                </h4>

                                                <div class="profile-user-info">
                                                    <div class="profile-info-row">
                                                        <div class="profile-info-name">登录名</div>

                                                        <div class="profile-info-value">
                                                            <span>admin</span>
                                                        </div>
                                                    </div>

                                                    <div class="profile-info-row">
                                                        <div class="profile-info-name">所属机构</div>

                                                        <div class="profile-info-value">
                                                            <i class="fa fa-map-marker light-orange bigger-110"></i>
                                                            <span>固管家服务平台</span>
                                                        </div>
                                                    </div>

                                                    <div class="profile-info-row">
                                                        <div class="profile-info-name">电话</div>

                                                        <div class="profile-info-value">
                                                            <span></span>
                                                        </div>
                                                    </div>

                                                    <div class="profile-info-row">
                                                        <div class="profile-info-name">手机</div>

                                                        <div class="profile-info-value">
                                                            <span></span>
                                                        </div>
                                                    </div>

                                                    <div class="profile-info-row">
                                                        <div class="profile-info-name">邮箱</div>

                                                        <div class="profile-info-value">
                                                            <span></span>
                                                        </div>
                                                    </div>

                                                    <div class="profile-info-row">
                                                        <div class="profile-info-name">工号</div>

                                                        <div class="profile-info-value">
                                                            <span></span>
                                                        </div>
                                                    </div>

                                                    <div class="profile-info-row">
                                                        <div class="profile-info-name">最后登录IP</div>

                                                        <div class="profile-info-value">
                                                            <span>127.0.0.1</span>
                                                            <label class="red"></label>
                                                        </div>
                                                    </div>

                                                    <div class="profile-info-row">
                                                        <div class="profile-info-name">最后登录时间</div>

                                                        <div class="profile-info-value">
                                                            <span>2019-09-25 15:00:27</span>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <!-- /.col -->
                                        </div>
                                        <!-- /.row -->

                                        <div class="space-20"></div>

                                        <div class="row" style="display: none;">
                                            <div class="col-xs-12 col-sm-6">
                                                <div class="widget-box transparent">
                                                    <div class="widget-header widget-header-small">
                                                        <h4 class="widget-title smaller">
                                                            <i class="ace-icon fa fa-check-square-o bigger-110"></i>
                                                            Little
                                                            About Me
                                                        </h4>
                                                    </div>

                                                    <div class="widget-body">
                                                        <div class="widget-main">
                                                            <p>My job is mostly lorem ipsuming and dolor sit ameting as
                                                                long as consectetur adipiscing elit.</p>
                                                            <p>Sometimes quisque commodo massa gets in the way and sed
                                                                ipsum porttitor facilisis.</p>
                                                            <p>The best thing about my job is that vestibulum id ligula
                                                                porta felis euismod and nullam quis risus eget urna
                                                                mollis
                                                                ornare.</p>
                                                            <p>Thanks for visiting my profile.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="col-xs-12 col-sm-6">
                                                <div class="widget-box transparent">
                                                    <div class="widget-header widget-header-small header-color-blue2">
                                                        <h4 class="widget-title smaller">
                                                            <i class="ace-icon fa fa-lightbulb-o bigger-120"></i> My
                                                            Skills
                                                        </h4>
                                                    </div>

                                                    <div class="widget-body">
                                                        <div class="widget-main padding-16">
                                                            <div class="clearfix">
                                                                <div class="grid3 center">
                                                                    <div class="easy-pie-chart percentage"
                                                                         data-percent="45"
                                                                         data-color="#CA5952"
                                                                         style="height: 72px; width: 72px; line-height: 71px; color: rgb(202, 89, 82);">
                                                                        <span class="percent">45</span>%
                                                                        <canvas height="72" width="72"></canvas>
                                                                    </div>

                                                                    <div class="space-2"></div>
                                                                    Graphic Design
                                                                </div>

                                                                <div class="grid3 center">
                                                                    <div class="center easy-pie-chart percentage"
                                                                         data-percent="90" data-color="#59A84B"
                                                                         style="height: 72px; width: 72px; line-height: 71px; color: rgb(89, 168, 75);">
                                                                        <span class="percent">90</span>%
                                                                        <canvas height="72" width="72"></canvas>
                                                                    </div>

                                                                    <div class="space-2"></div>
                                                                    HTML5 &amp; CSS3
                                                                </div>

                                                                <div class="grid3 center">
                                                                    <div class="center easy-pie-chart percentage"
                                                                         data-percent="80" data-color="#9585BF"
                                                                         style="height: 72px; width: 72px; line-height: 71px; color: rgb(149, 133, 191);">
                                                                        <span class="percent">80</span>%
                                                                        <canvas height="72" width="72"></canvas>
                                                                    </div>

                                                                    <div class="space-2"></div>
                                                                    Javascript/jQuery
                                                                </div>
                                                            </div>

                                                            <div class="hr hr-16"></div>

                                                            <div class="profile-skills">
                                                                <div class="progress">
                                                                    <div class="progress-bar" style="width: 80%">
                                                                        <span class="pull-left">HTML5 &amp; CSS3</span>
                                                                        <span
                                                                                class="pull-right">80%</span>
                                                                    </div>
                                                                </div>

                                                                <div class="progress">
                                                                    <div class="progress-bar progress-bar-success"
                                                                         style="width: 72%">
                                                                        <span class="pull-left">Javascript &amp; jQuery</span>
                                                                        <span
                                                                                class="pull-right">72%</span>
                                                                    </div>
                                                                </div>

                                                                <div class="progress">
                                                                    <div class="progress-bar progress-bar-purple"
                                                                         style="width: 70%">
                                                                        <span class="pull-left">PHP &amp; MySQL</span>
                                                                        <span
                                                                                class="pull-right">70%</span>
                                                                    </div>
                                                                </div>

                                                                <div class="progress">
                                                                    <div class="progress-bar progress-bar-warning"
                                                                         style="width: 50%">
                                                                        <span class="pull-left">Wordpress</span> <span
                                                                            class="pull-right">50%</span>
                                                                    </div>
                                                                </div>

                                                                <div class="progress">
                                                                    <div class="progress-bar progress-bar-danger"
                                                                         style="width: 38%">
                                                                        <span class="pull-left">Photoshop</span> <span
                                                                            class="pull-right">38%</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /#home -->

                                    <div id="edit-info" class="tab-pane">
                                        <form action="#" method="post" id="sysuser-update-form" class="padding-10">
                                            <table class="EditTable">
                                                <tbody>
                                                <tr class="FormData">
                                                    <td class="CaptionTD">登录名：</td>
                                                    <td class="DataTD width-100">
                                                        <input type="text" class="width-60" value="admin"
                                                               disabled="disabled"/>
                                                        <span class="red">*登录名不可修改</span>
                                                    </td>
                                                </tr>
                                                <tr class="FormData">
                                                    <td class="CaptionTD">密码：</td>
                                                    <td class="DataTD">
                                                        <input type="password" class="width-60" name="password"/>
                                                        <span class="red">*不填写则不修改密码</span>
                                                    </td>
                                                </tr>
                                                <tr class="FormData">
                                                    <td class="CaptionTD">确认密码：</td>
                                                    <td class="DataTD">
                                                        <input type="password" class="width-60" name="repassword"
                                                               dataType="*0-16" recheck="password"
                                                               errormsg="您两次输入的密码不一致！"/>
                                                        <span class="red">*不填写则不修改密码</span>
                                                    </td>
                                                </tr>
                                                <tr class="FormData">
                                                    <td class="CaptionTD">真实姓名：</td>
                                                    <td class="DataTD width-100">
                                                        <input type="text" class="width-60" name="name"
                                                               value="超级管理员" datatype="*" nullmsg="请输入姓名！"/>
                                                    </td>
                                                </tr>
                                                <tr class="FormData">
                                                    <td class="CaptionTD">邮箱：</td>
                                                    <td class="DataTD width-100">
                                                        <input type="text" class="width-60" value="" name="email"/>
                                                    </td>
                                                </tr>
                                                <tr class="FormData">
                                                    <td class="CaptionTD">电话：</td>
                                                    <td class="DataTD width-100">
                                                        <input type="text" class="width-60" value="" name="phone"/>
                                                    </td>
                                                </tr>
                                                <tr class="FormData">
                                                    <td class="CaptionTD">手机：</td>
                                                    <td class="DataTD width-100">
                                                        <input type="text" class="width-60" value="" name="mobile"/>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                            <h3 class="red center">为了确保账号安全，修改成功后，自动跳转到登录界面，重新登录</h3>
                                            <div class="margin-t15">
                                                <span class="btn btn-info btn-block bigger-120" id="sysuser-update-btn">确 认 修 改</span>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--<script type="text/javascript">
                            $(function () {

                                var sysuserupdateform = $("#sysuser-update-form").Validform({
                                    ajaxPost: true,
                                    beforeSubmit: function (curform) {
                                        var loadi = layer.load(5, 2);
                                        $("#sysuser-update-form").data('loadi', loadi);
                                    },
                                    callback: function (data) {
                                        layer.close($("#sysuser-update-form").data('loadi'));
                                        if (data > 0) {
                                            layer.msg('操作成功', 1, 1, function () {
                                                if ("false" == "true") {
                                                    location.reload();
                                                } else {
                                                    $curmenu.trigger('click');
                                                }
                                                layer.closeAll();
                                            });
                                        } else {
                                            layer.msg('操作失败', 3, 1);
                                        }
                                    },
                                    tiptype: function (msg, o, cssctl) {
                                        if (!o.obj.is("form")) {
                                            if (o.type != 2) {
                                                tip.errorTip(msg, o.obj);
                                            }
                                        }
                                    },
                                    tipSweep: true
                                });

                                $("#sysuser-update-btn").click(function () {
                                    if ("false" == "true") {

                                    }
                                    sysuserupdateform.submitForm(false);
                                    return false;
                                });

                                $("#sysuser-update-form-cancel").click(function () {
                                    layer.closeAll();
                                    return false;
                                });

                                $("#sysuser-update-form input,#sysuser-update-form textarea").blur(function () {
                                    layer.closeTips();
                                    return false;
                                })

                            });
                        </script>--><!--这是注释的代码-->
                    </div>
                </div>
            </div>
        </div><!-- /.page-content -->

    </div><!-- /.main-content -->

    <a href="javascript:void(0);" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse" style="z-index:1111">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>
</div><!-- /.main-container -->

<!-- 底部 -->


<script type="text/javascript">
    if ('ontouchstart' in document.documentElement) document.write("<script src='../../../static/jquery.mobile.custom.min.js'>" + "<" + "/script>");
</script>
<script src="../../../static/bootstrap/bootstrap.min.js"></script>

<!-- ace scripts -->
<script src="../../../static/ace/js/ace-elements.min.js"></script>
<script src="../../../static/ace/js/ace.min.js"></script>

<script type="text/javascript">
    var ctxPath = "../../..";
    window.onload = function () {
        /* $("#ace-settings-navbar").trigger("click");//固定头部导航栏
        $("#ace-settings-sidebar").trigger("click");//固定左侧菜单
        $("#ace-settings-highlight").trigger("click"); */
    };
</script>

<!-- 引入其他js -->
<script src="../../../static/js/history.js"></script>
<script type="text/javascript" src="../../../static/layer/layer.min.js"></script>
<script type="text/javascript" src="../../../static/js/spin.min.js"></script>
<script type="text/javascript" src="../../../static/ztree/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.autosize.min.js"></script>
<script type="text/javascript" src="../../../static/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="../../../static/validate/Validform_v5.3.2_min.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.form.js"></script>
<script type="text/javascript" src="../../../static/js/bootstrap-contextmenu.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="../../../static/js/public.js"></script>


</body>
</html>
